@extends('layouts.default')
@section('css')
    <link rel="stylesheet" href="{{asset('admin-lte/plugins/datatables/dataTables.bootstrap4.css')}}">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
@stop

@section('content')
    <div class="row">
        <div class="col-12">

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">详情</h3>
                </div>
            @include('layouts.message')
            <!-- /.card-header -->
                <div class="card-body">
                    <table id="example2" class="table table-bordered table-striped">
                        <tbody>
                        
                        
                           <tr><td>订单号</td><td>{{ $data['order_sn'] }}</td></tr>
                            <tr><td>订单价格</td><td>{{ $data['money_paid'] }}</td></tr>
                            <tr><td>订单状态</td><td>{{ $data['order_status_text'] }}</td></tr>
                            <tr><td>下单时间</td><td>{{ $data['order_time'] }}</td></tr>
                            <tr>
                            <td>订单商品:</td>
                            <td>
                            @foreach ($data['goods_list'] as $list)
                               <p>{{ $list['goods_name'] }} 数量:{{$list['goods_number']}} 价格：{{$list['price']}}</p> 
                            @endforeach
                            </td>
                            </tr>
                            @if($data['express_no'])
                            <tr>
                                <td>物流详情：</td>
                                <td><a href="{{$data['expree_url']}}">点击查看</a></td>
                            </tr>
                            @endif
                   
                            
                            
                            
                           
                        </tbody>
                       
                    </table>

                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>

@stop

@section('script')
    <script src="{{asset('admin-lte/plugins/datatables/jquery.dataTables.js')}}"></script>
    <script src="{{asset('admin-lte/plugins/datatables/dataTables.bootstrap4.js')}}"></script>
    <script>
        $(function () {
            $("#example2").DataTable({
                "language"  : {
                    url :'https://cdn.datatables.net/plug-ins/1.10.19/i18n/Chinese.json'
                },
            });

        });
    </script>
@stop